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【 摘 要 】3D 打印 模型 源 文 件 一 般 为 特定 格式 的 STL 文件 , 现 开发 人 员 引 入 开源 WebGL 语言 实现 了 HTMIL5 页 面 
无 需 安装 插件 即 可 实现 3D 打印 模型 的 在 线 浏览 ,无 需 任 何 浏览 器 插件 支持 ,同时 引入 二 维 码 编译 脚本 能 实现 手机 
端 扫描 二 维 码 进行 模型 预览 和 源 文件 下 载 。BIM 模型 Web 谈 入 应 用 借助 3dsmax 开放 式 插件 ,将 revit 模型 导入 到 
3dsmax，3dsmax 安装 开放 式 模型 上 传 插件 实现 一 键 生成 HTML5 可 直接 打开 的 三 维 模型 并 附带 泻 染 的 纹理 模型 ， 


”浏览 器 终端 支持 旋转 、 放 大 、 漫 游 及 简易 交互 功能 ,可 深入 应 用 前 景 广阔 。 
【关键 词 】3D 打印 ;HTML5 ;Three. js;BIM ;Revit;3dsmax; WebGL 
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一 随 着 信息 化 技术 在 建筑 业 的 深入 应 用 ,很 多 建 
筑 卫 程 公司 在 提 智 慧 工地 的 概念 ,其 中 有 一 项 是 3D 
打印 技术 应 用 , 3D 打印 在 建筑 工程 中 可 实现 整体 
建筑 模型 .复杂 细部 构造 节点 的 打印 , 3D 打印 房屋 
找 术 也 已 经 逐渐 从 实验 室 走向 实际 应 用 ,可 以 说 3D 
打印 技术 在 建筑 工程 领域 应 用 场景 较为 广泛 ,应 用 
前 又 非常 广阔 。 目 前 我 司 很 多 工程 项 目 部 都 配备 
了 中 型 3D 打印 机 , 3D 打印 首先 需要 技术 人 员 建 立 
3D 模型 ,模型 建立 最 初 所 用 的 软件 多 是 3dsmax、 
Autodesk revit、Sketchup 等 ,但 市 面 上 3D 打印 机 多 
支持 的 源 模 型 为 STL、OBJ 格式 ,部 分 项 目 部 做 的 模 
型 可 以 共用 , 故 公司 软件 开发 人 员 建 立 了 一 个 公用 
平台 ,项 目 部 人 员 可 将 建立 好 的 STL 源 文件 上 传 网 
端 ,实现 HTMLS 页 面 直接 浏览 三 维 模型 ,并 能 文 持 
手持 终端 二 维 码 扫描 预览 下载 和 分 享 模型 。 
类 似 于 实现 3D 打印 模型 的 HTMLS 页 面 浏览 
功能 ,我 司 也 探索 将 BIM 模型 (3dsmax 、Autodesk re- 
vit、Sketchup 等 ) 也 在 网 络 端 实现 浏览 功能 ,但 是 
BIM 模型 的 网 络 端 浏览 不 同 于 3D 打印 STL 文件 的 
网 络 端 浏览 , STL 文件 本 身 不 支持 纹理 色彩 的 展 
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现 ,页 面 后 台 编 译 的 语言 相对 简单 ,BIM 模型 需 保 持 
和 吕 面 软件 同样 的 泻 染 、 纹 理 效 果 , 页 面 后 台 编 译 
的 语言 相对 复杂 ,目前 国内 能 实现 此 类 功能 的 专业 
科技 公司 较 少 ,为 此 我 司 寻找 了 一 个 开放 式 3dsmax 
插件 Naycent Uploader, 实现 了 在 3dsmax 软件 框架 
下 模型 一 键 到 云端 功能 ,我 司 在 此 功能 基础 上 进行 
百 台 调用 即 骨 入 了 自己 的 系统 平台 。 


2 3D 打印 模型 Web 和 藤 入 应 用 


2.1 3D 打印 模型 创建 .转换 .打印 

模型 创建 应 用 Autodesk revit、Autodesk 3dsmax 
等 软件 ,其 中 Autodesk revit 创建 的 模型 需 导 出 FBX 
格式 文件 到 Autodesk 3dsmax 里 面 进 行 二 次 处 理 。 
Autodesk 3dsmax 即 可 创建 模型 ,也 可 转换 模型 ， 
3dsmax 可 将 识别 文件 另存 为 STL 文件 。3D 打印 机 
联机 软件 为 CURA ,CURA 可 直接 打开 STL 文件 ,用 
于 调整 模型 大 小 及 打印 精细 程度 。 
2.2 Web 嵌入 开发 设计 

Web 骨 入 开发 编译 语言 为 JavaScript, 功 能 分 四 
点 设计 :后 台 STL 模型 上 传 .模型 在 线 浏览 (支持 PC 
端 旋转 平移、 缩放 ,支持 触 屏 类 终端 单 指 旋转 、 双 


要 从 事 建 筑 行业 管理 信息 化 建设 .BIM 平台 集成 ,施工 现场 物 联网 的 应 用 集成 等 。 
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表 1 3D 打印 应 用 关联 软件 


软件 名 称 支持 文件 格式 软件 功能 
Autodesk Revit Rvt 转 FBX 模型 创建 
Autodesk 3dsmax Max .OBJ .FBX 等 ， 模型 转换 和 
支持 转换 为 STL 模型 创建 
CURA STL 3D 打印 


跨国 mn 了 34 信和 % Bo 攻 玫 EM 务 醒 国 回 多 届 国 = 


EME EA 


于 而 二 


模型 在 线 浏览 核心 功能 需要 引入 开源 WebGL 
模型 加 载 程序 ,利用 WebGL 模型 加 载 程 序 将 STL 文 
件 进行 加 载 ,转换 为 WebGL 可 以 利用 的 数据 。 
Three. js 是 一 款 开 源 的 主流 3D 绘图 J 引擎 ,可 以 
用 来 构建 3D 视图 .立体 动画 、 人 机 交互 ,引擎 内 包 
含 容 器 (container) 场景 (scene) .摄像 机 (camera) 、 


图 1 Autodesk 3dsmax 导出 STL 文件 


图 2 3D 打印 模型 


缩放、 三 指 平移 ) 、 模 型 二 维 码 标签 (支持 扫 码 三 
维 预览 下载、 分 享 ) 模型 热度 排序 (根据 下 载 量 及 
浏览 量 ) 。 

2.3 ”Web 其 入 功能 开发 

WebGL 完美 地 解决 了 现 有 的 Web 交互 式 三 维 
模型 显示 的 两 个 问题 :第 一 , 它 通过 HTML 脚本 本 
身 实现 Web 交互 式 三 维 模型 的 生成 浏览 ,无 需 任 
何 浏览 器 插件 支持 ; 第 二 , 它 利 用 底层 的 图 形 硬件 
加 速 功 能 进行 的 图 形 演 染 , 是 通过 统一 的 标准 的 、 
跨 平台 的 OpenGL 接口 实现 的 。 


泻 染 需 (renderer) 控制 装置 (renderer) 编译 控制 变 
量 。STLLoder. js 是 一 款 开源 STL 文件 (二 进 制 和 文 
本 编码 的 STL 文件 ) 格 式 识别 加 载 引 擎 ,和 Three. js 
两 者 共同 支撑 Web 端 模型 的 加 载 、 显 示 ` 泻 染 交互 
控制 。 

本 次 开发 以 工程 项 目 部 为 单位 设置 上 传 模型 
文件 后 台 , 仪 支持 STL 文件 上 传 , 模 型 上 传 完 毕 
Web 页 面 通过 调用 Three. js 和 STLLoder. js 即 可 实 
现 3D 打印 模型 的 在 线 浏览 。 


7 DWebViewer 
7 DModels 


3dprint.s STL 模 型 文件 
| WebGLViewer 
Y Dthreejs 
TY Dloaders 
区 STLLoader.js STL 加 载 脚本 文件 
区 three.js 3D 绘 图 JS 引擎 
区 OrbitControls,js Three.js 内 置 脚本 
国 STL.html 执行 网 页 
尼 LocalSserver.pPy 
目 readme.txt 


图 3 开发 架构 图 


2.4 Web 模型 二 维 码 扫描 预览 及 下 载 
为 使 所 有 的 项 目 能 共享 下 载 模型 及 移动 终端 

预览 模型 ,本 次 开发 引入 二 维 码 生 成 技术 ,每 个 模 

型 在 后 台 上 传 之 后 能 生成 此 模型 的 移动 终端 预览 
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a ee f 人 本 
上 I 
本 ( 


4 3D 打印 模型 共享 平台 


丽 泽 SOHO 项 目 智慧 工地 应 用 管理 系统 


图 5 3D 打印 模型 Web 浏览 


二 维 码 , 文 持 移动 终端 浏览 器 HTMLS 页 面 打 开 。 
二 维 码 生成 采用 开源 QRCode. js 脚本 文件 。 
2.5 应 用 总 结 

3D 打印 模型 网 络 应 用 资源 有 限 , 我 司 开 发 人 员 
通过 研发 将 多 个 项 目的 3D 打印 模型 实现 了 在 线 预 
览 和 下 载 共享 ,使 项 目 间 互 通 有 无 ,带动 了 3D 打印 
技术 在 我 司 所 属 项 目的 普及 应 用 。 

Web 舱 入 应 用 的 核心 是 引入 了 Three. js 3D 绘 
图 引擎 ,此 引擎 具备 强大 的 三 维 图 形 处 理 功能 ,3D 
打印 模型 STL 文件 的 在 线 浏 览 只 是 基础 的 应 用 ， 
STL 文件 表现 色彩 单一 ,没有 纹理 数据 ,在 要 加 入 色 


彩 、 纹 理 显 示 则 需要 Three. js 搭配 开源 OBJLoder. js 
脚本 文件 ,此 功能 也 是 开发 团队 下 一 步 研发 的 方向 。 


3 BIM 模型 Web 髓 入 应 用 


3.1 BIM 模型 创建 转换 

本 次 开发 人 员 人 研究 将 BIM 模型 轻 量化 在 Web 
端 ( 含 手机 ) 加 载 显 示 , 所 用 的 软件 为 3dsmax， 
3dsmax 支持 多 种 类 型 的 文件 ,现在 主流 应 用 的 Re- 
vit\ Sketchup 等 BIM 软件 成 果 文 件 均 文 持 导 入 
3dsmax。 本 文 以 Revit 为 例 演示 将 rvt 文件 实现 Web 
端 ( 含 手 机 ) 加 载 显 示 。 

首先 用 Revit 软件 将 建 好 的 BIM 模型 导出 Fbx 
格式 文件 ( 自 带 材质 ) ,然后 在 3dsmax 中 打开 本 Fbx 
格式 模型 ,到 这 步 基 本 就 完成 操作 了 , 接 下 来 需要 
借助 一 款 模型 上 传 网 端的 插件 实现 一 键 上 传 模型 。 
3.2 3D 模型 上 传 插件 安装 、 应 用 

本 次 应 用 的 辅助 插件 为 : 逆 讯 3dsmax 模型 上 传 
插件 。 此 插件 由 北京 逆 讯 科技 公司 开发 ,提供 一 套 
直接 将 模型 从 3dsmax 编辑 器 一 键 生 成 全 平台 在 线 
浏览 的 解决 方案 ,允许 用 户 在 3dsmax 中 将 自己 的 模 
型 ,实时 转化 为 一 个 网 页 链接 ,可 在 PC 端 浏 览 带 ， 
移动 终端 等 Web 平台 方便 分 享 传播 。 整 个 解决 方 
案由 3 个 部 分 组 成 :分 别 是 3dsmax 插件 ; 后 台 模 型 
识别 处 理 系统 ; 以 及 Web 前 端 基于 WebGL 和 
Javascript 语言 编写 的 3D 网 页 显示 系统 。 
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安装 完成 道 讯 3dsmax 模型 上 传 插件 后 ,在 
3dsmax 软件 插件 配置 面板 上 配置 本 插件 , 选择 
“Naycent Uploader” 替换 原 插件 即 可 。 配 置 完毕 用 
“Upload ”一 键 上 传 模型 到 网 端 ,网 端 模 型 存储 到 逆 
讯 科技 的 服务 右 ,前提 是 需要 注册 道 讯 科技 服务 账 
号 ,用户 得 到 的 就 是 一 串 网 页 链接 。 

道 讯 3d4sMax 模 型 上 传 插件 


支持 : 3dsllax 2010-2016 


ra 于 ' 产 


Asset Browser 
Perspective Match 
Collapse 
Color Clipboard 
Measure 
Motion Capture 
Reset XForm 
MAXScript 
Flight Studio fc) 


7 配置 3dsmax 模型 上 传 插 件 


3:3= ”BIM 模型 Web 端 操作 


我 司 将 本 应 用 进行 扩展 、 集 成 ,给 每 个 项 目 开 
放 接 口 ,让 项 目 上 传 建 好 的 BIM 的 模型 ,项 目 可 多 


山东 省 印刷 物资 公司 综合 楼 智慧 工地 


3D 打 印 素 材 库 


Flight studio (c) 
夏 制 以 下 地 址 在 浏览 器 中 查看 
Parameters 
http: /fwww.naycent.com/3d/d=182 


Upload 


图 8 模型 一 键 上 传 ,反馈 链接 


场景 上 传 ,如 分 基础 阶段 施工 .主体 阶段 施工 .装饰 
阶段 施工 等 场景 模型 。 项 目 部 参照 上 述 的 操作 只 
需 在 后 台 添加 链接 即 可 。BIM 模型 在 线 浏 览 支持 
PCWeb 端 鼠 标 左 键 旋转 ,右键 平移 滚轮 缩放 ,支持 
触 屏 类 终端 单 指 旋转 、 双 指 缩 放 、 三 指 平移 操作 。 
3.4 ”BIM 模型 Web 端 应 用 前 景 

BIM 人 

对 电脑 的 配置 要 求 很 高 ,只 能 在 桌面 版 软件 打开 ， 
多 数 模型 存储 量 较 大 ， I 
模 .操作 ,不 能 满足 非 专 业 人 士 对 BIM 模型 成 果 的 
需求 。 现 BIM 模型 实现 了 线 上 应 用 的 第 一 步 ,人 人 
都 可 以 看 模型 、 er en 
功能 实现 线 上 应 用 ,如 Web 端的 BIM 全 生命 周期 管 


应 用 管理 系统 


图 9 PCWeb 端 显 示 效 果 ( 左 键 旋转 、 右 键 平 移 、 滚 轮 缩放 ) 
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ue > 理 、 建 筑 构件 属性 查询 、 模 型 拆 分 浏览 根据 模型 设 
X ” 魔 叮 3D 浏 : 置 热 交互 点 接 入 其 他 信息 等 。 


4 结语 


随 着 信息 技术 的 快速 发 展 , 3D 打印 应 用 和 
BIM 应 用 已 经 越 来 越 普 遍 ,我 司 将 3D 打印 模型 实 
现 线 上 共享 ,将 施工 图 纸 中 的 复杂 节点 进行 3D 打 
印 ,各 个 项 目 部 之 间 互 通 有 无 ,推动 了 3D 打印 技术 
在 建筑 工程 领域 的 普及 ,也 为 以 后 3D 打印 房屋 的 
应 用 积累 了 经 验 。 

BIM 模型 的 Web 端 应 用 是 一 个 方向 ,专业 的 人 
干 专业 的 事 ,但 成 果 可 以 大 家 共享 ,BIM 模型 现在 在 
Web 的 功能 应 用 较为 局 限 , 但 随 着 科技 的 进步 , BIM 
在 Web 端的 应 用 场景 .功能 会 越 来 越 丰富 ,为 整个 
建筑 行业 BIM 的 广泛 应 用 指引 了 方向 。 
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3D-Print Model and Web Embedded Applications in BIM Model 


Zhang Jun, Zhu He, Wei Shuchen, Li Kai 
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Abstract: The source files of 3D-printing models are always STL files with particular formats, but more re- 
cently, by introducing the open-source WebGL Language, programmers have realized the online browsing of 3D- 
print models on the HTMLS Page without installing any plug-ins. What s more, no plug-in needed for the browser, 
either. Meanwhile, through introducing the QR code compiling script, previewing models and downloading source 
files can be easily achieved just by scanning the QR code on your intelligent mobile phone. The Web embedded ap- 
plications in BIM models applies theopenplug-in of 3dsmax software to import the Revit models into 3dsmax, and 
then the open model uploading plug-ins are installed in the 3dsmax to generate by one-touch the 3D model with tex- 
ture rendering function that available for HTMLS. On the browser terminal, you can operate rotating, amplifying, 
roaming and simple interactive function on the model. This technology is of promising application prospect. 
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